require([
    'jquery',
	'ApiClient',
	'jquery.cookie'
], function ($, ApiClient) {
	$(document).ready(function(){
		// 鼠标经过变成手的形状
		$(function(){
			// 全局图片
			$("img").hover(function(){
				$(this).css("cursor","pointer");
			},function(){
				$(this).css("cursor","");
			});

			// 标题
			$(".head .test").hover(function(){
				$(this).css("cursor","pointer");
			},function(){
				$(this).css("cursor","");
			});
		});

		// 用户信息
		$(function(){
			$(".head .head_user").hover(function(){
				$(this).css("cursor","pointer");
			},function(){
				$(this).css("cursor","");
			});

			$(".head .head_user_i").hover(function(){
				$(this).css("color","#fff");
				$(this).css("cursor","pointer");
			},function(){
				$(this).css("color","");
				$(this).css("cursor","");
			});

			$(".head .head_user_i").click(function(){
				$(".head .head_user").toggle();
			});
			
			$(".head .head_user .head_user_flace").hover(function(){
				$(this).css("color","#569CD6");
			},function(){
				$(this).css("color","");
			});

			$(".head .head_user .head_user_flace").click(function(){
				$(".head .head_user").hide();
			});
		});
		// 导航
		// 鼠标点击
		$(function(){
			// 首页导航
			var li=".body .nav1 ul li";
			// 默认页导航背景
			var id=".body .nav_s ul #li";
			// 子系统导航样式
			var li2=".body .nav_s ul li";
			// 全局导航
			var li_s=".body .nav ul li";
			// 页面切换背景——默认样式
			$(li).each(function(index){
				$(this).click(function(){
					$(id).addClass("li").siblings().removeClass("li");
				});	
			});
			// 子系统
			// 点击有背景颜色
			$(li2).each(function(index){
				$(this).click(function(){
					$(this).addClass("li").siblings().removeClass("li");
					$(id).click(function(){
					//	(this).addClass("li").siblings().removeClass("li");
					});
				});
			});
			// 鼠标经过
			// 导航变成手的形状
			// 字体变色
			$(li_s).each(function(index){
				$(this).hover(function(){
					$(this).css("cursor","pointer");
					$(this).css("color","#A9D415");
				},function(){
					$(this).css("cursor","");
					$(this).css("color","");
				});
			})
			
		});

		// 遥感技术源
		// 鼠标经过
		$(function(){
			$(".body .personnel ul li").each(function(index){
				$(this).hover(function(){
					$(this).css("border-color","#0CB7FE");
				},function(){
					$(this).css("border-color","");
				});
			});
		});

		// 菜单
		$(function(){
			// 菜单显示——三角
			var span2=".body .diplay2 .carte .carte_border .carte_title .span2";
			// 菜单隐藏——三角
			var span3=".body .diplay2 .carte .diplay_block .span3";
			// 菜单
			var carte=".body .diplay2 .carte .carte_border";
			// 菜单——导航
			var li=".body .diplay2 .carte .carte_border .carte_border_top span";
			// 导航1
			var test1=".body .diplay2 .carte .carte_border .carte_border_test .test1";
			// 导航2
			var test2=".body .diplay2 .carte .carte_border .carte_border_test .test2";
			// 导航3
			var test3=".body .diplay2 .carte .carte_border .carte_border_test .test3";
			// 导航4
			var test4=".body .diplay2 .carte .carte_border .carte_border_test .test4";
			// 搜索引擎
			var search=".body .diplay2 .carte .carte_border .carte_sate .carte_search";
			// 隐藏
			$(span2).click(function(){
				$(carte).hide();
				$(span3).show();
			});

			// 显示
			$(span3).click(function(){
				$(carte).show();
				$(span3).hide();
			});

			// 菜单显示的时候
			$(span2).hover(function(){
				$(this).css("background","#0081C1");
			},function(){
				$(this).css("background","");
			});

			// 菜单隐藏的时候
			$(span3).hover(function(){
				$(this).css("background","#0081C1");
			},function(){
				$(this).css("background","");
			});

			// 鼠标点击
			// ＋上左右边框 －下边框
			$(li).each(function(){
				$(this).click(function(){
					$(this).addClass("carte_border_top_span").siblings().removeClass("carte_border_top_span");
				});
				// 鼠标经过
				// 手
				$(this).hover(function(){
					$(this).css("cursor","pointer");
				},function(){
					$(this).css("cursor","");
				});
			});

			// 菜单——上菜单
			// 内容
			// 点击内容改变

			$(li+":nth-child(1)").click(function(){
				$(test1).show();
				$(test1).siblings().hide();
			});
			$(li+":nth-child(2)").click(function(){
				$(test2).show();
				$(test2).siblings().hide();
			});
			$(li+":nth-child(3)").click(function(){
				$(test3).show();
				$(test3).siblings().hide();
			});
			$(li+":nth-child(4)").click(function(){
				$(test4).show();
				$(test4).siblings().hide();
			});

			// 菜单——按钮
			$(search).hover(function(){
				$(this).addClass("carte_search_A");
			},function(){
				$(this).removeClass("carte_search_A")
			});
		});

		// 采集时间
		// 焦点事件
		$(function(){
			// 时间——前
			var time1=".body .diplay2 .carte .carte_border .carte_time .input1";
			// 时间——后
			var time2=".body .diplay2 .carte .carte_border .carte_time .input2";
			// 日历——前
			var fa1=".body .diplay2 .carte .carte_border .carte_time .carter_time_calendar .fa1";
			// 日历——后
			var fa2=".body .diplay2 .carte .carte_border .carte_time .carter_time_calendar .fa2";
			// 获取焦点
			$(time1).focus(function(){
				$(fa1).css("color","#01B4FE");
			});
			// 失去焦点
			$(time1).blur(function(){
				$(fa1).css("color","");
			});
			// 获取焦点
			$(time2).focus(function(){
				$(fa2).css("color","#01B4FE");
			});
			// 失去焦点
			$(time2).blur(function(){
				$(fa2).css("color","");
			});
		});

		/*轨道号*/
		$(function(){
			var track=".body .diplay2 .carte .carte_border .carte_track input";
			$(track).each(function(){
				$(this).focus(function(){
					$(this).addClass("input_focus").siblings().removeClass("input_focus");
				});
			});
		});

		// 行政区
		// 下拉列表
		$(function(){
			// 文本
			var input=".body .diplay2 .carte .carte_border .carte_border_test .test2 input";
			// 下拉
			var select=".body .diplay2 .carte .diplay_test_select";
			// 二级
			var option=".body .diplay2 .carte .diplay_test_select .diplay_box span";
				// 二级列表
			var option2=".body .diplay2 .carte .diplay_test_select .diplay_box .diplay_diplay span";
			// 一级
			// 获取焦点
			$(input).click(function(){
				$(select).show();
			});
			$(select).hover(function(){
				$(this).show();
			},function(){
				$(this).hide();	
			});

			// 二级
			// 隐藏和显示
			$(option).each(function(){
				// 点击
				// 二级显示
				$(this).click(function(){
					$(this).show();
					$(this).siblings().toggle();
					$(option2).show();
				});
				// 选择完毕之后下拉消失
				$(option2).click(function(){
					$(this).parent().parent().parent().hide();
				});
				// 鼠标经过
				// 字体变色
				$(this).hover(function(){
					$(this).css("background","#D7ECF3");
					$(this).css("color","#01B4FE");
				},function(){
					$(this).css("color","");
					$(this).css("background","");
				});
			});
		});

		// 地图
		// 放大缩小
		$(function(){
			// 显示菜单——三角
			var span2=".body .diplay2 .carte .carte_border .span2";
			// 隐藏菜单——三角
			var span3=".body .diplay2 .diplay_block .span3";
			// 地图
			var map=".body .diplay2 .map img";
			// 搜索引擎
			var sate=".body .diplay2 .carte .carte_border .carte_sate";
			// 查视图
			var right=".body .diplay2 .carte_right";
			// 查视图隐藏——三角
			var hide=".body .diplay2 .map_caret_hide";
			// 查视图出现——三角
			var show=".body .diplay2 .carte_right .map_caret_show";

			$(span2).click(function(){
				$(map).addClass("img2").removeClass("img");
				// $(span3).click(function(){
				// 	$(map).addClass("img4").removeClass("img3");
				// });
			});
			$(span3).click(function(){
				$(map).addClass("img").removeClass("img2");
			});
			// 搜索引擎
			// 点击 
			$(sate).click(function(){
				// 地图
				$(map).addClass("img3").removeClass("img");
				// 查视图
				$(right).show();
				// 三角
				$(hide).hide();
				$(span2).click(function(){
					$(map).addClass("img2").removeClass("img3");
					
				});
			});

			// 三角
			$(show).click(function(){
				$(right).hide();
				$(hide).show();
				// 地图
				$(map).addClass("img").removeClass("img3");
			});
			// 点击
			// 三角
			$(hide).click(function(){
				$(right).show();
				$(hide).hide();
				// 地图
				$(map).addClass("img3").removeClass("img");
			});
		});

		// 右侧查询菜单
		$(function(){
			// 里面背景换颜色
			var background=".body .diplay2 .carte_right .carte_right_table .carte_right_show";
			// 三角鼠标经过
			var caret=".body .diplay2 .map_caret";

			$(background).each(function(index){
				if(index%2==0){
					$(this).css("background","#EFF4FA");
				}else{
					$(this).css("background","#D7ECF3");
				}
				if(index%1==20){

				}
			})
			
			// 三角的鼠标经过
			$(caret).hover(function(){
				$(this).addClass("map_caret_A");
			},function(){
				$(this).removeClass("map_caret_A");
			});
		});

		// 系统 logo 
		$(function(){
			$(".XT .XT_login ul>li>img").each(function(){
				$(this).hover(function(){
					var img_width = Number($(this).width())+20;
					$(this).css("width",img_width);
					$(this).css("height",img_width);
					$(this).siblings().css("padding-left","30px");
				},function(){
					$(this).css("width","");
					$(this).css("height","");
					$(this).siblings().css("padding-left","10px");
				});
			});
			// var XW_img = $(".body .body_content_right img").height();
			// alert(XW_img);
			// $(".body .body_content_right .img").css('height',XW_img);
		});

		homepage = function(page){
			// 海量遥感数据
			if(page == "homepage"){
				$("body").load('homepage-1.html');
			}else if(page == "rs_data"){
				$(".body").load('rs_data.html');
			}else if(page == "species"){
				$(".body").load('species.html');
			}else if(page == "Ecological"){
				$(".body").load('Ecological-1.html');
			}else if(page == "rs_testing"){
				$(".body").load('rs_testing.html');
			}else if(page == "platform"){
				$(".body").load('platform.html');
			}else if(page == "Ecological1"){
				$(".body").load('Ecological-1.html');
			}
		}



	});
});
